<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <title>首页</title>
    <meta name="keywords" content="">
    <meta name="description" content="">
    <script src="/home/js/rem.js"></script>    
    <link href="/home/iconfont/iconfont.css" rel="stylesheet">
    <link href="/home/css/mui.min.css" rel="stylesheet">
    <link href="/home/css/all.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="/home/css/base.css"/>
    <link rel="stylesheet" type="text/css" href="/home/css/style.css"/>
    <style>
        .title-item{display: inline-block}
        .title-item:first-child{border-bottom:1px solid #dedede;width:.3rem}
        .title-wrapper{margin: 0.4rem 0 0.25rem;padding-top: .25rem}
        .title-wrapper .title{text-align: center;font-weight: normal;background: url('/home/img/blank.jpg') center center;background-size: cover}
        .title-wrapper .subtitle{text-align: center;margin:.15rem 0;color: #666}
    </style>
</head>
<body>
    <header class="mui-bar mui-bar-nav" id="header">
        <div style="width: 100%;text-align: center;color: #fff;font-size: .5rem;">
            云 淘 坊
        </div>
        <!--<div class="top-sch-box flex-col">
            <div class="centerflex">
                <i class="fdj iconfont icon-search"></i>
                <div class="sch-txt">连衣裙就是你的女人味儿</div>
                <span class="shaomiao"><i class="iconfont icon-saoma"></i></span>
            </div>
        </div>
        <a class="btn" href="/home/">
            <i class="iconfont icon-tixing"></i>
        </a>
        <a class="btn" href="/home/shopcar.html">
            <i class="iconfont icon-cart"></i>
        </a>-->
    </header>

<div id="main" class="mui-clearfix">
	 <!-- 搜索层 -->
    <div class="pop-schwrap">
        <div class="ui-scrollview">
            <!--<div class="mui-bar mui-bar-nav clone">
                <a class="btn btn-back" href="/home/javascript:;"></a>
                <div class="top-sch-box flex-col">
                    <div class="centerflex">
                        <input class="sch-input mui-input-clear" type="text" name="" id="" placeholder="连衣裙就是你的女人味儿" />
                    </div>
                </div>
                <a class="mui-btn mui-btn-primary sch-submit" href="/home/search.html">搜索</a>
            </div>-->
            <div class="scroll-wrap">
                <div class="mui-scroll">
                    <div class="sch-cont">
                        <div class="section ui-border-b">
                            <div class="tit"><i class="iconfont icon-hot"></i>热门搜索</div>
                            <div class="tags">
                                <span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span><span class="tag">睡衣</span>
                                <span class="tag actice">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span><span class="tag">睡衣</span>
                                <span class="tag">外套</span><span class="tag actice">连衣裙</span><span class="tag">运动鞋</span>
                            </div>
                        </div>
                        <div class="section">
                            <div class="tit"><i class="iconfont icon-time"></i>最近搜索</div>
                            <div class="tags">
                                <span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span><span class="tag">睡衣</span>
                                <span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span><span class="tag">睡衣</span>
                                <span class="tag">外套</span><span class="tag">连衣裙</span><span class="tag">运动鞋</span>
                            </div>
                        </div>
                    </div>
                    <div class="sch-clear">
                        <a href="/home/javascript:void"><i class="iconfont icon-shanchu"></i>清除搜索历史</a>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <div class="mui-content">
        <div class="banner swiper-container">
            <div class="swiper-wrapper">
                @foreach($banners as $v)
                    <div class="swiper-slide">
                        <a href="{{$v['url'] or ''}}">
                            <img class="swiper-lazy" data-src="{{$v['pic'] or ''}}" alt="">
                        </a>
                    </div>
                @endforeach
            </div>
            <div class="swiper-pagination"></div>
        </div>

        <!--<div class="home-nav ui-box">
            <div class="ui-flex flex-justify-sb">
                <div><a href="/home/"><img src="/home/img/homenav1.png" alt="" /></a></div>
                <div><a href="/home/"><img src="/home/img/homenav2.png" alt="" /></a></div>
                <div><a href="/home/"><img src="/home/img/homenav3.png" alt="" /></a></div>
                <div><a href="/home/"><img src="/home/img/homenav4.png" alt="" /></a></div>
            </div>
        </div>

        <div class="home-qnav ui-box">
            <div class="ui-flex flex-justify-sb">
                <div><a href="/home/http://www.591zq.com"><img src="/home/img/qnav1.png" class="ico" /><span class="name">我的店铺</span></a></div>
                <div><a href="/home/http://www.591zq.com"><img src="/home/img/qnav2.png" class="ico" /><span class="name">招商加盟</span></a></div>
                <div><a href="/home/http://www.591zq.com"><img src="/home/img/qnav3.png" class="ico" /><span class="name">我的喜欢</span></a></div>
                <div><a href="/home/http://www.591zq.com"><img src="/home/img/qnav4.png" class="ico" /><span class="name">猜你喜欢</span></a></div>
            </div>
        </div>

        <div class="home-newgoods ui-box">
            <img class="home-imgtit" src="/home/img/hometit1.jpg" alt="" />
            <div class="list-type1 plist-puzzle">
                <a class="b" href="/home/"><img src="/home/uploads/t1.jpg" alt="" /></a>
                <div class="s ui-flex-vt flex-justify-sb">
                    <a class="box" href="/home/"><img src="/home/uploads/t2.jpg" alt="" /></a>
                    <a class="box" href="/home/"><img src="/home/uploads/t2.jpg" alt="" /></a>
                    <a class="box" href="/home/"><img src="/home/uploads/t2.jpg" alt="" /></a>
                </div>
            </div>
            <img class="home-imgtit" src="/home/img/hometit2.jpg" alt="" />
            <div class="list-type2 ui-flex flex-justify-sb">
                <a class="box" href="/home/"><img class="figure" src="/home/uploads/t3.jpg" alt="" /><span class="tit">情侣穿搭</span></a>
                <a class="box" href="/home/"><img class="figure" src="/home/uploads/t3.jpg" alt="" /><span class="tit">约会美搭</span></a>
                <a class="box" href="/home/"><img class="figure" src="/home/uploads/t3.jpg" alt="" /><span class="tit">全部新款</span></a>
            </div>
        </div>-->

        @foreach($modules as $item)
            <div class="home-fashion ui-box ui-border-t">
                <div class="title-wrapper">
                    <h3 class="title">{{$item['title']}}</h3>
                    @if(!empty($item['subtitle']))
                        <div class="subtitle">{{$item['subtitle']}}</div>
                    @endif
                </div>
                <div class="fastion-plist mui-row">
                    @foreach($moduleItems as $v)
                        @if($v['module_id'] == $item['id'] && !empty($v['goods']))
                            <div class="mui-col-xs-4">
                                <a class="item" href="{{'http://' . $v['goods']['agent_id'] . '.' . $hostName . '/detail?id=' . $v['goods']['id']}}">
                                    <img src="{{preg_replace('/,.*/', '', $v['goods']['pic'])}}" alt="" class="figure" />
                                    <span class="tit">{{$v['goods']['name'] or ''}}</span>
                                </a>
                            </div>
                        @endif
                    @endforeach
                </div>
            </div>
        @endforeach
    </div> <!--mui-content end-->
</div>
   

    <footer class="page-footer fixed-footer" id="footer">
		<ul>
			<li class="active">
				<a href="/newHome">
					<img src="/home/images/footer01.png"/>
					<p>首页</p>
				</a>
			</li>
            <li>
                <a href="http://www.yunfanke.com/mobile/login.php">
                    <img src="/home/images/footer003.png"/>
                    <p>购物车</p>
                </a>
            </li>
			<li>
				<a href="http://www.yunfanke.com/mobile/index.php?m=pic&a=index">
					<img src="/home/images/footer002.png"/>
					<p>图吧</p>
				</a>
			</li>
			<li>
				<a href="http://www.yunfanke.com/mobile/index.php?m=user&a=user_index">
					<img src="/home/images/footer004.png"/>
					<p>个人中心</p>
				</a>
			</li>
		</ul>
	</footer>
</body>
<script type="text/javascript" src="/home/js/jquery-1.8.3.min.js" ></script>
<script src="/home/js/fastclick.js"></script>
<script src="/home/js/mui.min.js"></script>
<script type="text/javascript" src="/home/js/hmt.js" ></script>
<!--插件-->
<link rel="stylesheet" href="/home/js/swiper/swiper.min.css">
<script src="/home/js/swiper/swiper.jquery.min.js"></script>
<!--插件-->
<script src="/home/js/global.js"></script>
<script >
    $(function () {
        var banner = new Swiper('.banner',{
            autoplay: 5000,
            pagination : '.swiper-pagination',
            paginationClickable: true,
            lazyLoading : true,
            loop:true
        });

         mui('.pop-schwrap .sch-input').input();
        var deceleration = mui.os.ios?0.003:0.0009;
         mui('.pop-schwrap .scroll-wrap').scroll({
                bounce: true,
                indicators: true,
                deceleration:deceleration
        });
        $('.top-sch-box .fdj,.top-sch-box .sch-txt,.pop-schwrap .btn-back').on('click',function () {
            $('html,body').toggleClass('holding');
            $('.pop-schwrap').toggleClass('on');
            if($('.pop-schwrap').hasClass('on')) {;
                $('.pop-schwrap .sch-input').focus();
            }
        });

    });
</script>
</html>